/* 

中南大学校团委 升华网
CSS Style For 54shenghua Part I

2024.5.25 @SteamFinder

本CSS定义了以下部分的样式:
思想引领 实践育人 社团风采 Footer

*/

/* 全局字体 font-family: PingFang SC */
@font-face {
    font-family: 'PingFang SC';
    src: url('../../assets/fonts/PingFangSC-Medium.ttf') format(truetype);
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* 重置a标签样式 */
a {
    color: inherit;
    /* 链接颜色与父元素相同 */
    text-decoration: none;
    /* 去除下划线 */
}

/* 通用动效 卡片浮动 */
.cardFloat {
    transition: 0.3s;
}

.cardFloat:hover {
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25);
    transform: translateY(-10px);
    /* transform: translate(3px,-10px); */
}

/* 截断文字 仅显示2/3行 */
.twolinesTruncate {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.threelinesTruncate {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 思想引领 新闻版块*/
.theoryLeading-bg {
    background-image: url('../../assets/bg/3.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.theoryLeading-item {
    background-color: #fff;
    padding: 20px 23px 15px 23px;
    margin-bottom: 19px;
    border-radius: 15px;
    box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.1);
}

.theoryLeading-item-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgb(185, 184, 184);
}

.theoryLeading-item-header-ul {
    list-style-type: disc;
    padding: 0;
}

.theoryLeading-item-header-li {
    margin-bottom: 10px;
}

.theoryLeading-item-header-date {
    color: #999;
    margin-right: 8px;
}

.theoryLeading-item-header-more {
    vertical-align: middle;
}

.theoryLeading-item-header-img {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.theoryLeading-item-title {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* 实践育人 Banner版块 换用背景4 */
.practiceEdu-bg {
    background-image: url('../../assets/images/7.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.practiceEdu-img {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* 社团风采 */
.clubStyle-bg {
    background-image: url('../../assets/bg/4.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.clubStyle-responsive {
    max-width: 100%;
    margin: auto;
    text-align: left;
}

.clubStyle-item {
    border-top: 6px solid rgb(0, 73, 182);
    background-color: #fff;
    padding: 0;
    width: 19em;
    height: 100%;
    position: relative;
}

.clubStyle-item-content {
    background-color: #fff;
    padding: 20px;
}

.clubStyle-item-img {
    width: 100%;
    height: 11em;
    object-fit: cover;
}

.clubStyle-item-content-truncate {
    -bs-line-clamp: 2;
}

.clubStyle-item-content-more {
    position: absolute !important;
    bottom: 13px !important;
}

/* Footer 第一部分 */
.footerLinks {
    background-color: rgb(2, 70, 143);
}

.footerLinks-img-hr {
    border-bottom: 1px solid rgba(242, 246, 247, 0.596);
}

.footerLinks-img-a {
    color: inherit;
    text-decoration: none;
    background-color: transparent;
}

.footerLinks-portal {
    text-align: center;
    color: #fff;
}

.footerLinks-qr {
    text-align: center;
    color: #fff;
}

/* Footer 第二部分 */
.footerCopyrights {
    background-color: rgb(0, 46, 97);
}

/* Detail页面 (二级页面) */

.detail-bg {
    background-image: url('../../assets/bg/2.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.detail-content-bg {
    background-color: #fff;
}

.detail-content-text {
    padding-left: 3vw;
    padding-right: 3vw;
    /* padding-top: 6em; */
}

.detail-content-text>p {
    text-indent: 2em;
}

.detail-content-list {
    display: flex;
    justify-content: space-between;
}

.detail-sidebar-left {
    padding-right: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

.detail-sidebar-select:hover {
    background-color: rgb(18, 80, 150);
    color: #fff;
}

.detail-sidebar-selected {
    background-color: rgb(18, 80, 150);
    color: #fff;
}

.detail-sidebar-select:hover>a {
    color: inherit;
}

.detail-sidebar-right {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

.detail-content-border-bottom::after {
    content: "";
    display: block;
    width: 95%;
    height: 2px;
    background-color: rgb(223, 223, 223);
    margin: 0 auto;
}

.detail-img {
    margin: 5px;
}

/* 测试区CSS */
.testBanner {
    background-image: url('../../assets/images/7.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.testCard {
    transition: 0.3s;
}

.testCard:hover {
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25);
    transform: translateY(-10px);
}

.testTruncate {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}